// pages/shoplist/shoplist.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        shopList: [],
        isLoading: false,
    },
    listData: {
        page: 1,
        pageSize: 10,
        total: 0
    },
    getShopList: function (cb) {
        this.isLoading = true
        wx.showLoading({
          title: '加载数据中...',
        })
        wx.request({
          url: 'http://127.0.0.1:3000/data',
          method: 'GET',
          data: {
              page: this.listData.page,
              pageSize: this.listData.pageSize
          },
          success: res => {
              console.log(res)
              this.setData({
                  shopList: [...this.data.shopList, ...res.data],
              })
              this.listData.total = res.header['X-Total-Count'] - 0
          },
          complete: () => {
              //隐藏加载效果
              wx.hideLoading()
              this.isLoading = false
              cb && cb()
          }
        })
    },
    onLoad: function () {
        this.getShopList()
    },
    onReachBottom: function () {
        if (this.listData.page * this.listData.pageSize >= this.listData.total) {
            return wx.showToast({
              title: '数据加载完毕！',
              icon: 'none'
            })
        }
        if (this.isLoading) {
            return
        }
        ++this.listData.page
        this.getShopList()
    },
    onPullDownRefresh: function () {
        this.setData({ //重置数据
            shopList: []
        })
        this.listData.page = 1
        this.listData.total = 0
        //重新请求数据
        this.getShopList(() => {
            wx.stopPullDownRefresh()
        })
    },
     
    // /**
    //  * 生命周期函数--监听页面加载
    //  */
    // onLoad(options) {

    // },

    // /**
    //  * 生命周期函数--监听页面初次渲染完成
    //  */
    // onReady() {

    // },

    // /**
    //  * 生命周期函数--监听页面显示
    //  */
    // onShow() {

    // },

    // /**
    //  * 生命周期函数--监听页面隐藏
    //  */
    // onHide() {

    // },

    // /**
    //  * 生命周期函数--监听页面卸载
    //  */
    // onUnload() {

    // },

    // /**
    //  * 页面相关事件处理函数--监听用户下拉动作
    //  */
    // onPullDownRefresh() {

    // },

    /**
     * 页面上拉触底事件的处理函数
     */
    // onReachBottom() {
        
    // },

    // /**
    //  * 用户点击右上角分享
    //  */
    // onShareAppMessage() {

    // }
    
})